<template>
	<view class="tui-center">
		<!--<uni-nav-bar fixed left-icon="back" title="出场码" @clickLeft="clickLeft()"></uni-nav-bar>-->
		<view class="tui-exit-body">
			<view class="tui-exit-bg">
				<view class="text-exit-title">
					订单出场码
				</view>
			</view>
			<view class="tui-exit-center">
				<tki-qrcode
						class="canvas"
						ref="qrcode"
						:val="val"
						:unit="unit"
						:size="size"
						:background="background"
						:foreground="foreground"
						:pdground="pdground"
						:lv="lv"
						:onval="onval"
						:loadMake="loadMake"
				></tki-qrcode>
			</view>
		</view>
	</view>
</template>

<script>
	import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue'
	
	export default {
		name: 'exitCode',
		components: {
			tkiQrcode
		},
		data() {
			return {
				val: 'https://jingqu.xianghepiaoju.com/admin/index.html#/',
				// size: 570,
				size: 450,
				unit: 'rpx',
				background: '#fff',
				foreground: '#13C78A',
				pdground: '#13C78A',
				icon: '../../static/icon/daolan.png',
				lv: 3,
				iconSize: 15,
				onval: true,
				loadMake: true,
				src: ''
			}
		},
		created() {
		},
		methods: {
            clickLeft() {
                uni.navigateBack({ delta: 1 })
            }
		}
	}
</script>

<style lang="scss">
	.tui-exit-body {
		margin: 60rpx 20rpx;
		border: 2rpx solid #13C78A;
		border-radius: 20rpx;
		.tui-exit-bg {
			height: 240rpx;
			background-color: #13C78A;
			border-radius: 20rpx 20rpx 0  0;
			display: flex;
			align-items: center;
			justify-content: center;
			.text-exit-title {
				color: #fff;
				font-size: $uni-font-size-lg + 10rpx;
				font-weight: 600;
			}
		}
		.tui-exit-center {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 150rpx 30rpx;
			.canvas {
				/*width: 570rpx;
				height: 570rpx;*/
			}
		}
	}
</style>
